<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	
	<style>
		/* 通用样式去除一些浏览器的默认样式 */
		* {
			margin: 0;
			padding: 0;
			list-style: none;
			text-decoration: none;
		}
		
		/* 设置body的背景颜色 */
		body, html {
			width: 100%;
			height: 100%;
		}
		
		/* 设置主体盒子的样式 */
		#MainBox {
			width: 100%;
			height: 100%;
		}
		
		/* 设置iframe样式	*/
		iframe {
			width: 100%;
			height: 100%;
			border: none;
		}
	</style>

</head>
<body>
<!-- 主要容器盒子 -->
<div id="MainBox"></div>
<!-- 引入在线的axios -->
<script src="./js/axios.min.js"></script>
<!-- 引入SDN的微信SDK -->
<script src="./js/jweiixin-1.6.0.js"></script>
<!-- 引入在线的jquery -->
<script src="./js/jquery3.3.1.js"></script>

<script>
	// 使用jquery获取地址栏的参数
	const urlParams = new URLSearchParams(window.location.search);

	const appType = urlParams.get("appType") || "version_1";
	const appId = urlParams.get("appId") || "";
	console.log('%c日志-143900', 'color:#fff;fontSize:15px;background:#993366;padding:2px 5px;border-radius:6px', urlParams);

	/**
	 * @description: 微信SDK初始化
	 * @author: 王琛
	 * @Date: 2023-10-18 14:36:04
	 * @param {*}
	 * @return {*}
	 */
	function InitWxSDK() {
		// 使用axios请求数据
		axios.post('https://zhangduo-tech.com/WeiXin/Info', {wxUrl: `${location.origin}${location.pathname}${location.search}`}).then(function (res) {
			// 结构请求的数据
			const {data} = res;

			// 判断是否请求成功
			if (data.code === 200) {

				const defaultConfig = {
					debug: false,
					appId: data.data.appId,
					timestamp: data.data.timestamp,
					nonceStr: data.data.nonceStr,
					signature: data.data.signature,
					jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']
				}

				// 加载配置信息
				wx.config(defaultConfig);

				// 微信配置成功后的回调
				wx.ready(function () {

					// 设置分享信息
					wx.updateAppMessageShareData({
						title: '宏景雅苑', // 分享标题
						desc: '宏景雅苑描述', // 分享描述
						link: 'https://zhangduo-tech.com', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
						imgUrl: 'http://sanwei.sanweiyitivr.com/H5_music/2.png', // 分享图标
						success: function () {
							// 使用jquery删除 #MainBox下的所有子元素
							$('#MainBox').children().remove();
							// 使用jquery创建一个iframe,并且设置src为当前页面的地址
							$(`<iframe src="https://zhangduo-tech.com/${appType}${location.search}" frameborder="0"></iframe>`).appendTo('#MainBox');

						}
					})
				});

			}

		});
	}

	window.addEventListener("load", () => {
		// 修改项目的title
		document.title = '我是标题';
		// 初始化微信SDK
		InitWxSDK();
	})


</script>
</body>
</html>